<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>财丰金融</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="pub-top">
    <div class="container">
      <img src="./images/logo.png" alt="">
      <div class="pub-nav">
        <a href="index.html">首页</a>
        <a href="task.html">任务大厅</a>
        <a href="javascript:void(0)">新手指导</a>
        <a href="new.html">新闻资讯</a>
        <a href="about.html">关于我们</a>
        <a href="login.html">登录注册</a>
      </div>
      <div class="pub-search">
        <img src="./images/search.png" alt="">
        <input type="text" class="input" placeholder="请输入关键词">
        <div class="search-box">搜索</div>
      </div>
    </div>
  </div>
  <div id="user">
    <div class="user-top">
      <div class="top-box">
        <p class="nav">个人信息</p>
        <p class="nav">修改密码</p>
        <p class="nav">我的收藏</p>
        <p class="nav active">我的任务</p>
        <p class="nav yu">余额</p>
        <p class="nav">推荐返利</p>
      </div>
    </div>
    <div class="container-text">
      <p class="text active">全部</p>
      <p class="text">未预约任务</p>
      <p class="text">等待审核</p>
      <p class="text">等待确认</p>
      <p class="text">已支付押金</p>
      <p class="text">待传凭证 </p>
    </div>
    <div class="item-box">
      <div class="item">
        <img src="./images/cl.png" class="cl" alt="">
        <p class="title">长沙市农业银行月末冲量</p>
        <div class="text-box">
          <div class="text-item">
            <p class="text">1000万</p>
            <p class="text1">需要资金</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active">10万</p>
            <p class="text1">预计收益</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text">冲量</p>
            <p class="text1">类型</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active">等待审核</p>
            <p class="text1">当前状态</p>
          </div>
        </div>
      </div>
      <div class="item">
        <img src="./images/cl.png" class="cl" alt="">
        <p class="title">长沙市农业银行月末冲量</p>
        <div class="text-box">
          <div class="text-item">
            <p class="text">1000万</p>
            <p class="text1">需要资金</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active">10万</p>
            <p class="text1">预计收益</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text">冲量</p>
            <p class="text1">类型</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active1">等待确认</p>
            <p class="text1">当前状态</p>
          </div>
        </div>
      </div>
      <div class="item">
        <img src="./images/cl.png" class="cl" alt="">
        <p class="title">长沙市农业银行月末冲量</p>
        <div class="text-box">
          <div class="text-item">
            <p class="text">1000万</p>
            <p class="text1">需要资金</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active">10万</p>
            <p class="text1">预计收益</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text">冲量</p>
            <p class="text1">类型</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active">已支付押金</p>
            <p class="text1">当前状态</p>
          </div>
        </div>
      </div>
      <div class="item">
        <img src="./images/cl.png" class="cl" alt="">
        <p class="title">长沙市农业银行月末冲量</p>
        <div class="text-box text-box1">
          <div class="text-item">
            <p class="text">1000万</p>
            <p class="text1">需要资金</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active">10万</p>
            <p class="text1">预计收益</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text">冲量</p>
            <p class="text1">类型</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active1">已完成任务，待上传凭证</p>
            <p class="text1">当前状态</p>
          </div>
        </div>
      </div>
      <div class="item">
        <img src="./images/cl.png" class="cl" alt="">
        <p class="title">长沙市农业银行月末冲量</p>
        <div class="text-box">
          <div class="text-item">
            <p class="text">1000万</p>
            <p class="text1">需要资金</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active">10万</p>
            <p class="text1">预计收益</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text">冲量</p>
            <p class="text1">类型</p>
          </div>
          <p class="line"></p>
          <div class="text-item">
            <p class="text active">立即预约任务</p>
            <p class="text1">当前状态</p>
          </div>
        </div>
      </div>
    </div>
    <div class="load-more">加载更多>></div>
  </div>
  <div class="pub-bottom">
    <div class="container">
      <div class="bottom-left">
        <img src="./images/logo1.png" alt="">
        <p>杭州财丰金融有限公司 All rights reserved</p>
        <p>浙公网安备 11010502020657 浙ICP备12025643号-1</p>
      </div>
      <div class="bottom-right">
        <img src="./images/code.png" class="code" alt="">
        <img src="./images/code1.png" class="code1" alt="">
        <div class="bottom-phone">
          <p class="text">400-183-5288</p>
          <p class="text1">服务时间: 9:00-21:00</p>
        </div>
        <img src="./images/phone.png" class="phone-pic" alt="">
      </div>
    </div>
  </div>
</body>
<script src="./js/jquery-1.10.2.min.js"></script>
<script>
  $(function () {
    $(".container-text .text").click(function () {
      $(".container-text .text").removeClass("active")
      $(this).addClass("active")
    })
    $(".user-top .nav").click(function () {
      $(".user-top .nav").removeClass("active")
      $(this).addClass("active")
    })
  })
</script>

</html>